<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <title></title>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <link href="../bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />


    <title>已入住房间</title>

</head>
<body>
<table id="data-table"></table>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap-table/bootstrap-table.min.js"></script>
<!--<script src="../js/j_node1_2.js"></script>-->
<script>
    //表格的显示

    //可以翻页的
    var $table = $('#data-table');
    //查询参数
    var queryParams = {id: 1};
    /**
     * 初始化Table
     */
    //先销毁表格
    $table.bootstrapTable('destroy');
    //初始化表格
    $table.bootstrapTable({
        //表格参数
        //请求地址,此处数据为本地加载
        url: '/room/roomful',
        //请求方式
        method: "post",
        //请求内容类型
        contentType: "application/x-www-form-urlencoded",
        //数据类型
        dataType: "json",
        //table高度：如果没有设置，表格自动根据记录条数觉得表格高度
        height: '582',
        //是否显示行间隔色
        striped: true,
        //是否启用排序
        sortable: true,
        //排序方式
        sortOrder: "asc",
        //是否使用缓存
        cache: false,
        //每行的唯一标识
        uniqueId: "id",
        //指定工具栏
        toolbar: "#toolbar",
        //显示刷新按钮
        showRefresh: false,
        //切换显示样式
        showToggle: false,
        //默认显示详细视图
        cardView: false,
        //是否显示搜索
        search: false,
        //是否显示分页
        pagination: true,
        //是否启用点击选中行
        clickToSelect: true,
        //最少要显示的列数
        minimumCountColumns: 2,
        //显示隐藏列
        showColumns: false,
        //cell没有值时显示
        undefinedText: '-',
        //分页方式：client客户端分页，server服务端分页
        /*	              指定。注意，这两种后台传过来的json数据格式也不一样
         client : 正常的json array格式 [{},{},{}]
         server： {“total”:0,”rows”:[]} 其中total表示查询的所有数据条数，后面的rows是指当前页面展示的数据量。*/
        sidePagination: "client",
        //每页的记录行数
        pageSize: 10,
        //初始化加载第1页，默认第1页
        pageNumber: 1,
        //可供选择的每页的行数
        pageList: "[10, 20, 50, 80, 100]",
        paginationFirstText: "首页",
        paginationPreText: "上一页",
        paginationNextText: "下一页",
        paginationLastText: "末页",
        //按钮样式
        buttonsClass: 'btn',
        //分页器class
        iconSize: 'pager',
        //查询条件
        queryParams: queryParams,
        //列参数
        //表头
        columns: [
            {
                title: '选择',
                checkbox: true,
                align: 'center' // 居中显示
            }, {
                field: 'room_id',
                title: '房间号'
            }, {
                field: 'room_type',
                title: '房型'
            }, {
                field: 'room_price',
                title: '价格'
            } , {
                field: 'room_state',
                title: '状态'
            },
            {
                title: '操作',
                width: 200,
                align: 'center',
                valign: 'middle',
                // events: operateEvents,
                formatter: function (value, row, index) {
                    return "<button class='btn btn-info updateRoomful'><i class='fa fa-pencil-square-o' aria-hidden='true'></i> 编辑</button> <button class='btn btn-danger deleteRoomful'> <i class='fa fa-trash' aria-hidden='true'></i> 删除</button>";
                }
            } ],
        onLoadSuccess: function (res) {//可不写
            //加载成功时
            console.log(res);
        }, onLoadError: function (statusCode) {
            return "加载失败了"
        }, formatLoadingMessage: function () {
            //正在加载
            return "拼命加载中...";
        }, formatNoMatches: function () {
            //没有匹配的结果
            return '无符合条件的记录';
        }

    });

    // 获取表格所有已经勾选的行数据，为一个对象数组
    var selects = $table.bootstrapTable('getSelections');

    //刷新
    $("#btnRefresh").on('click', function(){
        $table.bootstrapTable('refresh');
    });






    // window.operateEvents = {
    //     'click .updateBook': function (e, value, row, index) {
    //
    //         $("#b_id").val(row.b_id);
    //         $("#myModalLabel").html('<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 编辑图书');
    //
    //         loadAuthorData();
    //         loadTypeData();
    //         loadPublisherData();
    //         $("#bookInfo").modal("show");
    //         $.ajax({
    //             url: "bookServlet?method=queryBookById",
    //             type: "get",
    //             dataType: "json",
    //             data: {
    //                 b_id: row.b_id
    //             },
    //             success: function (res) {
    //                 //console.log(res);
    //                 $("#b_name").val(res.b_name);
    //                 $("#b_price").val(res.b_price);
    //                 $("#b_pagenum").val(res.b_pagenum);
    //                 $("#a_name").val(res.b_author_id);
    //                 $("#t_name").val(res.b_type_id);
    //                 $("#p_name").val(res.b_publisher_id);
    //             }
    //         });
    //     }
    //     ,
    //     'click .deleteBook': function (e, value, row, index) {
    //         $("#delete_dialog").modal("show");
    //         b_ids = [];
    //         b_ids[0] = row.b_id;
    //         $("#delete_b_id").val(row.b_id);
    //         $("#deleteBookInfo").text("确定要删除名为(" + row.b_name + ")图书吗?");
    //     }
    // }
    //});
</script>
</body>
</html>